<template>
  <div class="goods">
    <goods-list-item v-for="item in goods" :key="item.acm" :goods-item="item"/>
  </div>
</template>

<script>
import GoodsListItem from './GoodListItem.vue'

export default {
  name:"GoodsList",
  components: {
    GoodsListItem
    },
 name:"GoodsList",
 props:{
   goods:{
     type:Array,
     default(){
       return []
     }
   }
 }
}
</script>

<style scoped>
.goods{
  display: flex ;
  flex-wrap: wrap;
}

</style>
